<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- <link rel="stylesheet" href="./index.css"> -->
</head>


<body>
    <div class="nav">
        <div class="logo">
            <span>天空之城</span>
        </div>
        <div class="login">
            <!-- <button class="login-btn">新版移动端</button> -->
            <span class="span1">Q</span>
            <span class="span2">登录</span>
            <span class="span3">注册</span>
        </div>
        <div class="nav-center">
            <ul>
                <li class="active-span"><a href="./index.html">首页</a></li>
                <li><a href="./探索.html">探索</a></li>
                <li>标签</li>
                <li>摄影师</li>
                <li>签约摄影师招募</li>
                <li>热门活动</li>
                <li>天空之城&周年影像大赛</li>
            </ul>
        </div>
    </div>

    <div class="swiper">
        <div class="swiper-container slider">
            <div class="img slide"><img src="./image/1.jpg" alt=""></div>
            <div class="img slide"><img src="./image/2.jpg" alt=""></div>
            <div class="img slide"><img src="./image/3.jpg" alt=""></div>
            <div class="img slide"><img src="./image/4.jpg" alt=""></div>
            <div class="dots"></div>

        </div>
    </div>

    <div class="list">
        <div class="list-nav">
            <span>热门航拍点</span>
            <a href="#">热门航拍点锦集</a>
        </div>
        <div class="list-content">
            <div class="box">
                <div class="box-small"><img src="./image/list1.jpg" alt=""></div>
                <span>澳大利亚</span>
            </div>
            <div class="box">
                <div class="box-small"><img src="./image/list2.jpg" alt=""></div>
                <span>美国</span>
            </div>
            <div class="box">
                <div class="box-small"><img src="./image/list3.jpg" alt=""></div>
                <span>冰岛</span>
            </div>
            <div class="box">
                <div class="box-small"><img src="./image/list4.jpg" alt=""></div>
                <span>西藏</span>
            </div>
            <div class="box">
                <div class="box-small"><img src="./image/list5.jpg" alt=""></div>
                <span>上海</span>
            </div>
            <div class="box">
                <div class="box-small"><img src="./image/list6.jpg" alt=""></div>
                <span>新疆</span>
            </div>
        </div>
    </div>

    <div class="content">
        <!-- 自然 -->
        <div class="content-head">
            <span>自然</span>
            <ul>
                <li class="active"></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
            <div class="more">
                <span>更多&gt;</span>
            </div>
        </div>
        <div class="content-botton">
            <div class="img">
                <img src="./image/content1.jpg" alt="">
                <div class="message">
                    <div class="title">向阳启航</div>
                    <div class="phone">设备：<a href="#">HuaWei P60</a></div>
                    <span>273</span>
                    <div class="user">
                        <img src="./image/head.png" alt="">
                        <div class="name">xiaohua</div>
                        <div class="time">2023年12月12日</div>
                    </div>
                </div>
            </div>
            <div class="img">
                <img src="./image/content1.jpg" alt="">
                <div class="message">
                    <div class="title">向阳启航</div>
                    <div class="phone">设备：<a href="#">HuaWei P60</a></div>
                    <span>273</span>
                    <div class="user">
                        <img src="./image/head.png" alt="">
                        <div class="name">xiaohua</div>
                        <div class="time">2023年12月12日</div>
                    </div>
                </div>
            </div>
            <div class="img">
                <img src="./image/content1.jpg" alt="">
                <div class="message">
                    <div class="title">向阳启航</div>
                    <div class="phone">设备：<a href="#">HuaWei P60</a></div>
                    <span>273</span>
                    <div class="user">
                        <img src="./image/head.png" alt="">
                        <div class="name">xiaohua</div>
                        <div class="time">2023年12月12日</div>
                    </div>
                </div>
            </div>
            <div class="img">
                <img src="./image/content1.jpg" alt="">
                <div class="message">
                    <div class="title">向阳启航</div>
                    <div class="phone">设备：<a href="#">HuaWei P60</a></div>
                    <span>273</span>
                    <div class="user">
                        <img src="./image/head.png" alt="">
                        <div class="name">xiaohua</div>
                        <div class="time">2023年12月12日</div>
                    </div>
                </div>
            </div>

        </div>
        <!-- 城市 -->
        <div class="content-head">
            <span>自然</span>
            <ul>
                <li class="active"></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
            <div class="more">
                <span>更多&gt;</span>
            </div>
        </div>
        <div class="content-botton">
            <div class="img">
                <img src="./image/content1.jpg" alt="">
                <div class="message">
                    <div class="title">向阳启航</div>
                    <div class="phone">设备：<a href="#">HuaWei P60</a></div>
                    <span>273</span>
                    <div class="user">
                        <img src="./image/head.png" alt="">
                        <div class="name">xiaohua</div>
                        <div class="time">2023年12月12日</div>
                    </div>
                </div>
            </div>
            <div class="img">
                <img src="./image/content1.jpg" alt="">
                <div class="message">
                    <div class="title">向阳启航</div>
                    <div class="phone">设备：<a href="#">HuaWei P60</a></div>
                    <span>273</span>
                    <div class="user">
                        <img src="./image/head.png" alt="">
                        <div class="name">xiaohua</div>
                        <div class="time">2023年12月12日</div>
                    </div>
                </div>
            </div>
            <div class="img">
                <img src="./image/content1.jpg" alt="">
                <div class="message">
                    <div class="title">向阳启航</div>
                    <div class="phone">设备：<a href="#">HuaWei P60</a></div>
                    <span>273</span>
                    <div class="user">
                        <img src="./image/head.png" alt="">
                        <div class="name">xiaohua</div>
                        <div class="time">2023年12月12日</div>
                    </div>
                </div>
            </div>
            <div class="img">
                <img src="./image/content1.jpg" alt="">
                <div class="message">
                    <div class="title">向阳启航</div>
                    <div class="phone">设备：<a href="#">HuaWei P60</a></div>
                    <span>273</span>
                    <div class="user">
                        <img src="./image/head.png" alt="">
                        <div class="name">xiaohua</div>
                        <div class="time">2023年12月12日</div>
                    </div>
                </div>
            </div>

        </div>
        <!-- 运动 -->
        <div class="content-head">
            <span>自然</span>
            <ul>
                <li class="active"></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
            <div class="more">
                <span>更多&gt;</span>
            </div>
        </div>
        <div class="content-botton">
            <div class="img">
                <img src="./image/content1.jpg" alt="">
                <div class="message">
                    <div class="title">向阳启航</div>
                    <div class="phone">设备：<a href="#">HuaWei P60</a></div>
                    <span>273</span>
                    <div class="user">
                        <img src="./image/head.png" alt="">
                        <div class="name">xiaohua</div>
                        <div class="time">2023年12月12日</div>
                    </div>
                </div>
            </div>
            <div class="img">
                <img src="./image/content1.jpg" alt="">
                <div class="message">
                    <div class="title">向阳启航</div>
                    <div class="phone">设备：<a href="#">HuaWei P60</a></div>
                    <span>273</span>
                    <div class="user">
                        <img src="./image/head.png" alt="">
                        <div class="name">xiaohua</div>
                        <div class="time">2023年12月12日</div>
                    </div>
                </div>
            </div>
            <div class="img">
                <img src="./image/content1.jpg" alt="">
                <div class="message">
                    <div class="title">向阳启航</div>
                    <div class="phone">设备：<a href="#">HuaWei P60</a></div>
                    <span>273</span>
                    <div class="user">
                        <img src="./image/head.png" alt="">
                        <div class="name">xiaohua</div>
                        <div class="time">2023年12月12日</div>
                    </div>
                </div>
            </div>
            <div class="img">
                <img src="./image/content1.jpg" alt="">
                <div class="message">
                    <div class="title">向阳启航</div>
                    <div class="phone">设备：<a href="#">HuaWei P60</a></div>
                    <span>273</span>
                    <div class="user">
                        <img src="./image/head.png" alt="">
                        <div class="name">xiaohua</div>
                        <div class="time">2023年12月12日</div>
                    </div>
                </div>
            </div>

        </div>


    </div>
    <!-- footer -->
    <div class="foot">
        <div class="foot-content">
            <div class="foot-left">Copyright © 2022 Skypixel.com 天空之城 版权所有</div>
            <div class="foot-center">
                <ul>
                    <li>使用条款</li>
                    <li>隐私政策</li>
                    <li>内容指引</li>
                    <li>网站反馈</li>
                    <li>常见问题</li>
                </ul>
                <span>粤ICP备2022092332号</span>
            </div>
            <div class="foot-right">中文 | English</div>
        </div>
    </div>




</body>

</html>